<div id="guide">
    <h1>Welcome to AgentScope Studio</h1>
    <p>
        AgentScope Studio is a web-based platform for monitoring, managing and developing multi-agent applications in AgentScope! Feel free to explore the platform and its features.
    </p>

    <h2>Start to explore AgentScope Studio with</h2>
    <div class="guide-entry">
        <div class="guide-block left"
             onclick="loadTabPage('static/html/dashboard.html', 'static/js/dashboard.js');return false;">
            <div class="guide-block-title">Dashboard</div>
            <div class="guide-block-detail">Monitor and manage your
                AgentScope running instances.
            </div>
        </div>
        <div class="guide-block right"
             onclick="loadTabPage('static/html/workstation_iframe.html', 'static/js/workstation_iframe.js');return false;">
            <div class="guide-block-title">Workstation</div>
            <div class="guide-block-detail">Develop your multi-agent
                applications by dragging.
            </div>
        </div>
    </div>
    <div class="guide-entry">
        <div class="guide-block left">
            <div class="guide-block-title">Gallery</div>
            <div class="guide-block-detail">Coming soon ...</div>
        </div>
        <div class="guide-block right">
            <div class="guide-block-title">Server Management</div>
            <div class="guide-block-detail">Coming soon ...</div>
        </div>
    </div>
</div>